<template>
  <div class="zhuanye">
      <el-container>
    
            <utabbar ></utabbar>
          </el-container>
          <el-main>
              <div class="maintop">
                  <el-form :model="form" class="demo-form-inline">
                      分数<el-input v-model="form.Score"></el-input>
                      <el-form-item>
                          <el-button type="primary" @click.prevent="onSubmit()">查询</el-button>
                      </el-form-item>
                  </el-form>
              </div>
              
              <div class="mainbottom">
                  <div class="queryschool">
                    <div><span>物理本段人数:{{tableData.physicsH}}</span></div>
                    <div><span>物理累计人数:{{tableData.physics}}</span></div>

                    <div><span>生物本段人数:{{tableData.biologyH}}</span></div>
                    <div><span>生物累计人数:{{tableData.biology}}</span></div>
                    <div><span>历史本段人数:{{tableData.historyH}}</span></div>
                    <div><span>历史累计人数:{{tableData.history}}</span></div>
                    <div><span>地理本段人数:{{tableData.geographyH}}</span></div>
                    <div><span>地理累计人数:{{tableData.geography}}</span></div>
                    <div><span>化学本段人数:{{tableData.chemicalH}}</span></div>
                    <div><span>化学累计人数:{{tableData.chemical}}</span></div>
                    <div><span>思想本段人数:{{tableData.thought}}</span></div>
                    <div><span>思想累计人数:{{tableData.thoughtH}}</span></div>
                    <div><span>全体本段人数:{{tableData.tnumberH}}</span></div>
                    <div><span>全体累计人数:{{tableData.tnumber}}</span></div>

                      <!-- <el-table  border="false" style="width: 100%" >
                          <el-table-column :prop="tableData.physicsH" label="物理本段人数" width="100">
                          </el-table-column>
                          <el-table-column prop="physics" label="物理累计认识" width="100" >
                          </el-table-column>
                          <el-table-column prop="biologyH" label="生物本段人数" width="100">
                          </el-table-column>
                          <el-table-column prop="biology" label="生物累计人数" width="100">
                          </el-table-column>
                          <el-table-column prop="historyH" label="历史本段人数" width="100">
                          </el-table-column> -->
                         <!-- <el-table-column prop="history" label="历史累计人数" width="125">
                           </el-table-column>
                          <el-table-column prop="geographyH" label="地理本段人数" width="125">
                          </el-table-column>
                          <el-table-column prop="geographyH" label="地理累计人数" width="125">
                          </el-table-column>

                          
                          <el-table-column prop="tnumberH" label="全体本段人数" width="125">
                          </el-table-column>
                          <el-table-column prop="tnumber" label="全体本累积人数" width="125">
                          </el-table-column>

  
                          <el-table-column prop="chemicalH" label="化学本段人数" width="125">
                          </el-table-column>
                          <el-table-column prop="chemical" label="化学累计人数" width="125">
                          </el-table-column>
                          <el-table-column prop="thought" label="思想本段人数" width="125">
                          </el-table-column>
                          <el-table-column prop="thoughtH" label="思想累计人数" width="125">
                          </el-table-column> -->
                          

                          <!-- history -->
              
                      </el-table>

                      
                  </div>
                 
              </div>
             
          </el-main>
        
  </div>
</template>
<script>
import axios from 'axios';
import Vue from "vue";
import Fcee_url from "../js/fceeConfig";
import tabbar from "./fceecomponents/my-tabbar.vue"
import utabbar from "./fceecomponents/uitabbar.vue"

Vue.prototype.$Fcee_url = Fcee_url
export default {
  components:{
      tabbar,
      utabbar,
  },
  data() {
      return {
          form: {
            Score:0
          },
          UserInfo_url: '',
          UserName: '',
          total: 1,
          pageNum: 1,
          pageSizes: [10, 20],
          tableData: {},
      }
  },
  methods: {
     
   
      start1: function () {
          var Scores = this.form.Score;
   
          axios({
              method: "GET",
              url: "/Volunteer/getOnePice",
              params: {
                Score:Scores
              },
          }).then(response => {
            console.log(response)
            // alert(response.data.data.physicsH)
              this.tableData = response.data.data;
              // console.log(response.data.rows.schoolCode)
              // this.total = response.data.data;
              // console.log(this.tableData.schoolCode);
          })
      },
 
      onSubmit() {
          this.start1();

          // console.log(this.from.SchoolName)
      },
  },
  created() {
      // this.info();
      // this.start1();
      // tool.$getLogin()

  }
}
</script>
<style scoped>
  .el-container{
      background-color: #ffff;
  }
body{
  background-color: #ffff;
}

@media screen and (max-width:600px) {
.el-table {margin-top: 200px;
height: 70%;}

  
}
.zhuanye {
  width: 100%;
  height: 100%;
  /* padding-left: 5%;
  padding-right: 5%; */
  background-color: #ffffff;
  margin: 0 auto;
}

.el-main {
  /* width: 100%; */
  background-color: white;
  color: #333;
  /* text-align: center; */
  line-height: 70px;
  padding: 0;
  margin-bottom: 30px;
  overflow: hidden
}

.el-input {
  width: 200px;
  margin-left: 5px;
  margin-top: 50px;
}

.maintop {
  
  height: 100%;

}

.queryschool {
  /* margin: 30px auto; */
  width: auto;
  height: 100%;
}
.abc{
  font-size: 30px;
}
.mingcheng1{
font-size: 20px;
font-weight: bolder;
color: aqua;
}
.mingcheng2{
font-size: 20px;
color: rgb(128, 128, 128);
font-weight: bolder;
}
</style>